<template>
  <div id="app">
    <Header v-if="!$route.meta.isHideFooter" />
    <router-view />

    <!-- 轮播图 -->
    <!-- <div class="swiper-box">
      <Carousel />
    </div> -->

    <!-- 通过 路径 显示隐藏Footer -->
    <!-- <Footer v-if="isShowFooter" /> -->
    <!-- 通过 meta对象 显示隐藏Footer -->
    <!-- <Footer v-if="!$route.meta.isHideFooter" /> -->
    <Footer v-if="!$route.meta.isHideFooter" />
  </div>
</template>

<script>
import Header from "./components/Header"
import Footer from "./components/Footer"
// import Carousel from './components/Carousel'
export default {
  components: {
    Header,
    Footer,
    // Carousel,
  },
  // computed:{
  //   isShowFooter(){
  //     const {path} = this.$route
  //     return path !== '/login' && path !== '/register'
  //   }
  // },
}
</script>

<style lang="less" scoped>
.swiper-box {
  width: 1226px !important;
  margin: 20px auto;
  height: 460px;
  border: 1px solid green;
}
</style>
